<!-- <!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no,mail=yes">
	<title>Index</title>

	<script src="./js/jquery-1.8.3.min.js"></script>
	<script src="./js/swiper.min.js"></script>
	<link rel="stylesheet" href="./layui/css/layui.css">
	<link rel="stylesheet" href="./css/iconfont.css">
	<link rel="stylesheet" href="./css/animate.css">
	<link rel="stylesheet" href="./css/swiper.min.css">
	<link rel="stylesheet" href="./css/common.css">
	<link rel="stylesheet" href="./css/index.css">
	<script src="./js/wow.min.js"></script>
	<script type="text/javascript" src="./js/clipboard.min.js"></script>

	<script type="text/javascript" src="./layui/layui.js"></script>
	<link rel="stylesheet" href="./css/swiper-bundle.min.css" />
	<style>

	</style>
</head> -->

<script src="layui/city-picker/city-picker.data.js"></script>
<link rel="stylesheet" type="text/css" href="layui/city-picker/city-picker.css">

<body>
	<header class="header w100 p-r  ">
		<div class="head1 w100">
			<div class="layui-main">
				<div class="d-flex jc-s al-c">
					<a href="index.html" class="logo img_100">
						<img class="img" src="images/logo.png">
					</a>
					<div class="d-flex al-c layui-col-space40 layui-row ft14 layui-hide">

						<a href="index.html">
							首页
						</a>
						<!-- 登录前显示 -->
						<div class="d-flex al-c">
							<a data-dialog1="login">登录</a>
							<span class="ml10 mr10 gary_c6">|</span>
							<a data-dialog1="signup">注册</a>
						</div>

						<!-- 登录后 -->
						<div>
							<ul class="layui-nav">
								<li class="layui-nav-item" lay-unselect>
									<div class="user_img">
										<img class="user" src="images/user.png">
									</div>
									<!-- 一般登录后显示 -->
									<dl class="layui-nav-child">
										<dd><a href="user_ticket.html">我的票券</a></dd>
										<dd><a href="javascript:;">我的档案</a></dd>
										<dd><a href="user_account_email.html">账号管理</a></dd>
										<hr>
										<dd style="text-align: center;"><a href="">主办中心</a></dd>
										<hr>
										<dd style="text-align: center;"><a data-btn="login-out">退出登录</a></dd>
									</dl>


									<!-- 主办方登录后显示 -->

									<!-- <dl class="layui-nav-child">
										<dd><a href="javascript:;">我的票券</a></dd>
										<dd><a href="javascript:;">我的档案</a></dd>
										<dd><a href="javascript:;">账号管理</a></dd>
										<dd><a href="javascript:;">活动管理</a></dd>
										<hr>
										<dd style="text-align: center;"><a data-btn="login-out">退出登录</a></dd>
									</dl> -->
								</li>
							</ul>
						</div>
						<div>
							<a href="active1.html" class="layui-btn layui-bg-orange r4" href="huodong.html">办活动</a>
						</div>
						<div>
							<div class="search_box">
								<input placeholder="搜索">
								<i class="layui-icon layui-icon-search"></i>
							</div>
						</div>
					</div>
					<div class="d-flex jc-fe layui-hide layui-show-xs-block flex-1 ml20">
						<!-- <div class="nav-btn">
								<a id="nav-toggle" href="javascript:void(0);" class=""><span></span></a>
							</div> -->
						<div class="d-flex jc-fe">
							<div class=" site-tree-mobile">
								<i class="layui-icon layui-icon-spread-left "></i>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="layui-hide layui-show-xs-block">
			<div class="layui-layout-admin ">
				<div class="layui-side">
					<div class="layui-side-scroll d-flex flex-column">
						<div class="flex-1">
							<div class="img_box w100 mb30">
								<img src="images/i1.jpg">
							</div>
							<ul class="layui-nav layui-nav-tree site-demo-nav">
								<li lay-unselect class="layui-nav-item">
									<a href="index.html">
										首页
									</a>
								</li>
								<li lay-unselect class="layui-nav-item">
									<a href="active1.html">
										办活动
									</a>
								</li>
								<hr>
								<li lay-unselect class="layui-nav-item">
									<a>
										我的
									</a>
									<dl class="layui-nav-child">
										<dd><a href="user_ticket.html">我的票券</a></dd>
										<dd><a href="javascript:;">我的档案</a></dd>
										<dd><a href="user_account_email.html">账号管理</a></dd>
										<hr>
										<dd style="text-align: center;"><a href="">主办中心</a></dd>
										<hr>
										<dd style="text-align: center;"><a data-btn="login-out">退出登录</a></dd>
									</dl>
								</li>
								<li class="layui-nav-item" style="height: 30px; text-align: center"></li>
								<span class="layui-nav-bar"></span>
							</ul>
						</div>
						<div class="ft30" style="padding: 0.5rem 0;">
							<div class="d-flex al-c jc-c">
								<a data-dialog1="login">登录</a>
								<span class="ml10 mr10 gary_c6">|</span>
								<a data-dialog1="signup">注册</a>
							</div>
						</div>

					</div>
				</div>
			</div>

		</div>

		<!-- <div class="site-tree-mobile layui-hide layui-show-xs-block">
			<i class="layui-icon layui-icon-spread-left"></i>
		</div> -->
		<div class="site-mobile-shade"></div>
	</header>
	<div class="head_dialog">
		<div class=" active_w" data-name="login">
			<div class="text-align-center  ft-blod mb70">
				<p class="ft24 mb20">登入</p>
				<p class="ft14 gary_c9">開啟有趣生活的任意門，就從登入開始</p>
			</div>
			<div class="layui-form" lay-filter="filter-test-layer" style="margin: 16px;">
				<div class="demo-login-container">
					<div class="layui-form-item">
						<p class="label">邮箱</p>
						<div class="layui-input-wrap">

							<input type="text" name="username" value="" lay-verify="required" placeholder="用户名"
								lay-reqtext="请填写用户名" autocomplete="off" class="layui-input" lay-affix="clear">
						</div>
					</div>
					<div class="layui-form-item">
						<p class="label">密码</p>
						<div class="layui-input-wrap">
							<input type="password" name="password" value="" lay-verify="required" placeholder="密   码"
								lay-reqtext="请填写密码" autocomplete="off" class="layui-input" lay-affix="eye">
						</div>
					</div>

					<div class="layui-form-item">
						<a href="#forget" class="orange_c ft14" style="float: right; margin-top: 7px;">忘记密码？</a>
					</div>
					<div class="layui-form-item">
						<button class="layui-btn layui-btn-fluid layui-bg-orange" lay-submit
							lay-filter="demo-login">登入</button>
					</div>
					<hr>
					<div>
						<a data-dialog1="signup" class="orange_c ft14" style="float: right; margin-top: 7px;">注册</a>
					</div>

				</div>
			</div>

		</div>
		<div class=" active_w" data-name="signup">
			<div class="text-align-center  ft-blod mb70">
				<p class="ft24 mb20">注册</p>
				<p class="ft14 gary_c9">會員可享各項專屬權益： 票券隨身帶著走、即時管理真方便、追蹤主辦方最新動態、掌 握第一手活動資訊</p>
			</div>
			<div class="layui-form" lay-filter="filter-test-layer" style="margin: 16px;">
				<div class="demo-login-container">
					<div class="layui-form-item">
						<p class="label">邮箱</p>
						<div class="layui-input-wrap">
							<input type="text" name="username" value="" lay-verify="required" placeholder="请输入您的邮箱"
								lay-reqtext="请输入您的邮箱" autocomplete="off" class="layui-input" lay-affix="clear">
						</div>
					</div>
					<div class="layui-form-item">
						<p class="label">密码</p>
						<div class="layui-input-wrap">
							<input type="password" name="password" value="" lay-verify="required" placeholder="请输入您的密码"
								lay-reqtext="请填写密码" autocomplete="off" class="layui-input" lay-affix="eye">
						</div>
					</div>
					<div class="layui-form-item">
						<p class="label">手机号码</p>
						<div class="layui-input-wrap">
							<input type="password" name="password" value="" lay-verify="required"
								placeholder="请输入您的手机号码" lay-reqtext="请填写" autocomplete="off" class="layui-input"
								lay-affix="eye">
						</div>
					</div>
					<div class="layui-form-item">
						<button class="layui-btn layui-btn-fluid layui-bg-orange" lay-submit
							lay-filter="demo-login">注册</button>
					</div>
					<hr>
					<div>
						<a data-dialog1="login" class="orange_c ft14" style="float: right; margin-top: 7px;">登录</a>
					</div>

				</div>
			</div>

		</div>
	</div>
	<input id="copy" style="display: none;">

</body>
<script>
	layui.use('element', function () {
		var element = layui.element;
		element.init();
	});
	$("header [data-name]").hover(
		function () {
			$(document).find('.head2 [data-nav]').addClass('hideb')
			$(document).find('.head2 [data-nav="' + $(this).attr('data-name') + '"]').removeClass('hideb')
			console.log($(document).find('.head2 [data-nav="' + $(this).attr('data-name') + '"]'))
		},
		function () {
			$(document).find('.head2 [data-nav]').addClass('hideb')

		}
	);
	$(".head2 [data-nav]").hover(
		function () {
			$(this).removeClass('hideb')
			console.log($(this).attr('data-nav'))
		},
		function () {
			$(this).addClass('hideb')
			// $(this).removeClass("hover");
		}
	);

	$(document).ready(function () {
		$url = $(document).find('[data-url]').attr('data-url') == '' ? 'index' : $(document).find('[data-url]').attr('data-url')
		$('header [data-name]').removeClass('layui-this')
		// if ($('[data-name=' + $url + ']').length == 0) {
		// 	$url = 'index'
		// }
		$('[data-name=' + $url + ']').addClass('layui-this')

	})


	var template = {}
	$('.head_dialog').children().each(function () {
		template[$(this).attr('data-name')] = $(this)[0].outerHTML
	})

	$('.head_dialog').children().remove()


	$(document).on('click', '[data-dialog1]', function () {
		var temp = $(this).attr('data-dialog1')
		layer.closeAll()
		closeBtn = 1;
		if (temp == 'login' || temp == 'signup') {
			closeBtn = 0
		}
		layui.use(function () {
			var $ = layui.$;
			var layer = layui.layer;
			var util = layui.util;
			var form = layui.form;
			layer.open({
				type: 1,
				area: '350px',
				resize: false,
				shadeClose: true,
				title: false,
				closeBtn: closeBtn,
				skin: temp + '_dialog',
				content: template[temp],
				success: function () {
					// 对弹层中的表单进行初始化渲染
					form.render();
					// 表单提交事件
					form.on('submit(demo-login)', function (data) {
						var field = data.field; // 获取表单字段值
						// 显示填写结果，仅作演示用
						layer.alert(JSON.stringify(field), {
							title: '当前填写的字段值'
						});
						// 此处可执行 Ajax 等操作
						// …
						return false; // 阻止默认 form 跳转
					});
				}
			});
		});
	})
	// })
	$(document).on('click', '[data-btn="login-out"]', function () {
		layer.confirm('确定退出登录吗？', {
			btn: ['确定', '关闭'] //按钮
		}, function () {
			layer.closeAll()
		}, function () {

		});
	})
	$(document).on('click', '.site-tree-mobile', function () {
		$('body').addClass('site-mobile');
	}).on('click', '.site-mobile-shade', function () {
		$('body').removeClass('site-mobile');
	});
</script>

<!-- </html> -->